body, uni-page-body{
	background-color: #fff;
	height: 100%;
}
.container {
	background-color: #fff;
	height: 100%;
	.top-wrap {
		display: flex;
		align-items: center;
		padding-right: 48rpx;
		background-color: #fff;
		margin-bottom: 48rpx;
		margin-top: 48rpx;
		.avatar {
			width: 160rpx;
			height: 160rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			margin-left: 59rpx;
			margin-right: 32rpx;
	
			image {
				width: 160rpx;
				height: 160rpx;
				border-radius: 50%;
			}
		}
	
		.infoWrap {
			flex: 1;
	
			.avator-info {
				display: flex;
				align-items: center;
	
				.name {
					margin-right: 12rpx;
					font-weight: 600;
					font-size: 16px;
					line-height: 44rpx;
					margin-bottom: 14rpx;
				}
	
			}
	
			.id_info {
				font-size: 24rpx;
				font-weight: 400;
				line-height: 17px;
				color: #808080;
			}
	
		}
	
	}
	
	.content {
		.item {
			display: flex;
			padding: 0 56rpx;
			margin-bottom: 24rpx;
			
			.item-wrap {
				display: flex;
				align-items: center;
				// justify-content: space-between;
				flex:1;
				.item-wrap_left {
				}
			}
			.left{
				font-weight: 600;
				font-size: 15px;
				line-height: 21px;
				color: #333333;
			}
		}
	}
 
	 .form-textarea {
		 margin: 32rpx;
		 background: #F7F7F7;
		 padding: 32rpx ;
		 height: 200rpx;
	 }
	 .timeWrap{
		 padding: 0 32rpx;
		 text-align: right;
		 font-size: 24rpx;
		 line-height: 34rpx;
		 color: #808080;
	 }
	 
	 .bottomWrap {
		 position: fixed;
		 display: flex;
		 bottom: 0;
		 width: 100%;
		
		 
		 .item {
			 flex: 1;
			 text-align: center;
			 height: 96rpx;
			 background-color: #F8F8F8;
			 	padding: 10rpx 0rpx;
		 }
		 .icon_wrap {
			 height: 50rpx;     
			 image{
				 width: 36rpx;
			 }
		 }
		 .title {
			 font-weight: 400;
			 font-size: 24rpx;
			 line-height: 34rpx;
		 }
	 }
}